<!DOCTYPE html>

<!-- Copyright © SixtyFPS GmbH <info@slint.dev> -->
<!-- SPDX-License-Identifier: MIT -->

<html>
<!--
    This is a static html file used to display the wasm build.
    In order to generate the build
     - uncomment the #wasm# lines in Cargo.toml
     - Run `wasm-pack build --release --target web` in this directory.
  -->

<head>
    <meta content="text/html;charset=utf-8" http-equiv="Content-Type" />
    <link rel="stylesheet" href="https://slint.dev/css/demos-v1.css">
</head>

<body>
    <p>This is the <a href="https://slint.dev">Slint</a> Memory Game compiled to WebAssembly.</p>
    <div id="spinner" style="position: relative;">
        <div class="spinner">Loading...</div>
    </div>
    <canvas id="canvas" data-slint-auto-resize-to-preferred="true"></canvas>
    <p class="links">
        <a href="https://github.com/slint-ui/slint/blob/master/examples/memory/main.rs">
            View Source Code on GitHub</a>
    </p>
    <script type="module">
        import init from "./pkg/memory.js";
        init().finally(() => {
            document.getElementById("spinner").remove();
        });
    </script>
</body>

</html>
